<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jb-aptech毕业设计项目</TITLE>
<meta name="renderer" content="ie-comp">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="../../css/style.css" rel="stylesheet" type="text/css">
<script src="../../script/common.js"></script>
	<script src="../../script/vue.js"></script>
	<script src="../../script/jquery-3.3.1.min.js"></script>
</head>
<body>

<div id="app">
	<div class="page_title">客户信息管理 > 客户信息 > 历史订单 </div>
	<div class="button_bar">
		<button class="common_button" onclick="help('');">帮助</button>
		<button class="common_button" onclick="back();">返回</button>
	</div>
	<table class="query_form_table">
		<tr>
			<th>客户编号</th>
			<td>KH071202001</td>
			<th>客户名称</th>
			<td>聪海信息科技有限公司</td>
		</tr>
	</table>
	<br />
	<table class="data_list_table">
		<tr>
			<th>订单编号</th>
			<th>日期</th>
			<th>送货地址</th>
			<th>状态</th>
			<th>操作</th>
		</tr>
		<tr v-for="o in orders">
			<td class="list_data_text" v-text="o.odr_id">1343445</td>
			<td class="list_data_text" v-text="o.odr_date">2007年11月13日</td>
			<td class="list_data_text" v-text="o.odr_addr">北京海淀区劳动路205号</td>
			<td class="list_data_text" v-text="o.odr_status">未回款</td>
			<td class="list_data_op">
				<img onclick="to('orders_detail.html');" title="查看明细" src="../../images/bt_detail.gif" class="op_button" /></td>
		</tr>
		<tr>
			<th colspan="100" class="pager">
				<div class="pager">
					共59条记录 每页<input value="10" size="2" />条
					第<input value="1" size="2"/>页/共5页
					<a href="#">第一页</a>
					<a href="#">上一页</a>
					<a href="#">下一页</a>
					<a href="#">最后一页</a>
					转到<input value="1" size="2" />页
					<button width="20" onclick="reload();">GO</button>
				</div>
			</th>
		</tr>
	</table>
</div>
<script>
	const vm = new Vue({
		el:'#app',
		data:{
			orders:[],
			pageInfo:{},
			order:{
				odr_id:'',
				odr_date:'',
				odr_addr:'',
				odr_status:'',
			}
		},methods:{
			load(){

			},
		},mounted(){
			this.load();
		}
	});
</script>
</body>
</html>